.my-message {
    width: 100%;
    margin-right: 50px;

    .brief-message-box {
        display: flex;
        padding: 15px 15px;
        align-items: center;
        gap: 50px;
        width: 100%;
        // height: 120px;
        border-bottom: 1px solid #e8e8e8;

        .left-avatar {
            img {
                width: 60px;
                height: 60px;
                border-radius: 50%;
                background-color: #f0f0f0;
            }
        }

        .right-message {
            width: 100%;
            .senderName {
                display: flex;
                justify-content: space-between;
                margin-bottom: 10px;
                .message-sender {
                    font-size: 16px;
                    font-weight: 600;
                }
                .message-time {
                    font-size: 14px;
                    color: #999;
                }

                button.delete-btn {
                    width: 50px;
                    height: 30px;
                    margin-left: 10px;
                    color: #4a4556;
                    border-radius: 5px;
                    border: none;
                    background-color: #fff;
                    &:hover {
                        cursor: pointer;
                        background-color: rgb(234, 234, 234);
                    }
                }
            }
            .message-content {
                display: flex;
                padding: 8px 0;
                &:hover {
                    cursor: pointer;
                    background-color: rgb(250, 250, 250);
                }

                p {
                    color: #10052b;
                    overflow: hidden;
                    text-overflow: ellipsis; /* 超出部分省略号 */
                    word-break: break-all; /* break-all(允许在单词内换行。) */
                    display: -webkit-box; /* 对象作为伸缩盒子模型显示 */
                    -webkit-box-orient: vertical; /* 设置或检索伸缩盒对象的子元素的排列方式 */
                    -webkit-line-clamp: 2; /* 显示的行数 */
                    max-height: 80rpx; /* 设置最大高度，根据行高，要几行乘以几倍 */
                }
            }
        }
    }
}
